<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>通话记录</title>
<link rel="shortcut icon" href="/images/user/favicon.png" type="image/x-icon">
<link type="text/css" rel="stylesheet" href="/css/user/users/member_center.css" />
<link type="text/css" rel="stylesheet" href="/css/dialog.min.css" />
<link type="text/css" rel="stylesheet" href="/css/user/users/billrecord.css" />
<script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src = "/js/dialog.min.js"></script>
<script type="text/javascript" src = "/js/bstdialog.min.js"></script>
<script type="text/javascript" src="/js/member-center.js"></script>
<script type="text/javascript" src="/js/user/users/member_center/menu_line.js"></script>
</head>
<body>
	<div class="Wrapper">
		<!--财务管理头部-->
		<jsp:include page="../../../common/member/memberHeader.jsp"></jsp:include>
		<!--财务管理头部-->
		<!--财务管理中间部分-->
		<div class="uc_bd mt20 mb20 ">
			<div class="uc_layer">
				<div class="account">
					<!--财务管理左侧-->
					<jsp:include page="../../../common/finance/finance_left.jsp"></jsp:include>
					<!--财务管理左侧-->
					<!--基本资料右侧-->
					<div class="member_r fr">
						<div class="uitopb uitopb_border">
							<div class="lm-t tabs">财务管理>通话记录</div>
							<div class="uc_content order">
								<!--通话记录开始-->
								<div id="telrecord">
									<p class="softbar">
									 	 查询时间：<input type="text" id="startime" onClick="WdatePicker({dateFmt:'yyyy-MM-dd'})">至<input type="text" id="endtime" onClick="WdatePicker({dateFmt:'yyyy-MM-dd'})"><a class="graybtn confirm">查询</a>
									</p>
									<div id="recordbox">
										<table id="recordtable" class="table table-bordered">
									      <thead>
									        <tr>
									          <th>序号</th>
									          <th>
									          	<span class="filter filterno">通话时间</span>
									          </th>
									          <th>
									          	<span class="filter filtername">通话类型</span>
									          </th>
									          <th>
									          	<span class="filter filtertime">呼叫类型</span>
									          </th>
									          <th>
									          	<span class="filter filternote">对方号码</span>
									          </th>
									          <th>
									          	<span class="filter filternote">通话时长</span>
									          </th>
							           		  <th>
											    <span class="filter filternote">通话费(元)</span>
									          </th>
									          <th>
											    <span class="filter filternote">减免(元)</span>
									          </th>
									          <th>
											    <span class="filter filternote">费用小结(元)</span>
									          </th>
									        </tr>
									      </thead>
									      <tbody id="callbill">
									      	<%-- <c:forEach items="${callBills}" var="callBill">
									      		<tr>
										      		<td>${callBill.id}</td>
										      		<td class="calltime">${callBill.starttime}</td>
										      		<td>IP电话</td>
										      		<c:choose>
									      				<c:when test="${callBill.caller == userInfo.virtualPhone}">
									      					<td>主叫</td>
										      				<td>${callBill.called}</td>
									      				</c:when>
									      				<c:otherwise>
									      					<td>被叫</td>
										      				<td>${callBill.caller}</td>
									      				</c:otherwise>
									      			</c:choose>
										      		<td>
										      			<c:choose>
										      				<c:when test="${callBill.caller == userInfo.virtualPhone}">主叫</c:when>
										      				<c:otherwise>被叫</c:otherwise>
										      			</c:choose>
										      		</td>
										      		<td>
										      			<c:choose>
										      				<c:when test="${callBill.caller == userInfo.virtualPhone}">主叫</c:when>
										      				<c:otherwise>被叫</c:otherwise>
										      			</c:choose>
										      		</td>
										      		<td>2分23秒</td>
										      		<td>0.00</td>
										      		<td>0.00</td>
										      		<td>0.00</td>
									      		</tr>
									      	</c:forEach> --%>
									      	<!-- <tr>
									      		<td>1</td>
									      		<td class="calltime">2015-01-16 09:30:20</td>
									      		<td>IP电话</td>
									      		<td>主叫</td>
									      		<td>15863295632</td>
									      		<td>2分23秒</td>
									      		<td>0.24</td>
									      		<td>0</td>
									      		<td>0.24</td>
									      	</tr>
									      	<tr>
									      		<td>2</td>
									      		<td class="calltime">2015-01-16 09:30:20</td>
									      		<td>IP电话</td>
									      		<td>主叫</td>
									      		<td>15863295632</td>
									      		<td>2分23秒</td>
									      		<td>0.24</td>
									      		<td>0</td>
									      		<td>0.24</td>
									      	</tr> -->
									      </tbody>
									    </table>
									     <div class="pagecontroller">共<span class="totalRows">6</span>条记录 <span class="nowPage">1</span>/<span class="totalPage">1</span>页
									          <a class="go2index" href="javascript:void(0);">首页</a> 
									          <a class="go2prev" href="javascript:void(0);">上一页</a>
									          <a class="go2next" href="javascript:void(0);">下一页</a> 
									          <a class="go2end" href="javascript:void(0);" >尾页</a>
									          <select id="currPage">
									            	<option value="1" selected="selected">1</option>
									          </select>页
								          </div>

									</div>		
								</div>
								<!--通话记录结束-->
							</div>
						</div>
					</div>
					<!--财务管理右侧-->
					<div class="cl"></div>
				</div>
			</div>
		</div>
		<!--财务管理中间部分-->
		<!---------------------------------footer------------------------------------>
		<jsp:include page="../../../common/footer.jsp" />
		<!---------------------------------footer结束------------------------------------>
		<!-- 时间控件 -->
		<script charset="utf-8" src="/js/My97DatePicker/WdatePicker.js"></script>
		<script type="text/javascript" src="/js/user/users/call/call_log.js"></script>
	</div>
</body>
</html>
